<template>
    <div class="StudentHome">
        <el-container>
            <h1>在 线 教 育 平 台</h1>
            <el-header>
                <StuHeader></StuHeader>
            </el-header>
            <el-main style="padding: 0;">
                <RouterView></RouterView>
            </el-main>
        </el-container>
    </div>
</template>

<script>
import { RouterView } from "vue-router";
import StuHeader from "../../components/student/StudentHeader.vue"
export default {
    name: "StudentHome",
    data() {
        return {};
    },

    components: {
        StuHeader,
        RouterView
    }
}


</script>

<style scoped>
@font-face {
    font-family: "Heavy";
    src: url(../../font/思源柔黑等宽版Heavy.ttf);
}



.el-header {
    color: #fff;
    line-height: 80px;
    text-align: left;
    font-size: 35px;
    padding: 0;
}

h1 {
    background-color: #1a1d27;
    color: #fff;
    line-height: 80px;
    text-align: left;
    font-size: 35px;
    font-family: Heavy;
    padding-left: 20px;
}

.el-main {

    color: #333;
}
</style>